@charset "utf-8";

/* CSS Document - 共通CSS */



/* reset */

#wrapper div, #wrapper span, #wrapper object, #wrapper iframe,

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper blockquote, #wrapper pre,

#wrapper abbr, #wrapper address, #wrapper cite, #wrapper code,

#wrapper del, #wrapper dfn, #wrapper em, #wrapper img, #wrapper ins, #wrapper kbd, #wrapper q, #wrapper samp,

#wrapper small, #wrapper strong, #wrapper sub, #wrapper sup, #wrapper var,

#wrapper b, #wrapper i,

#wrapper dl, #wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li,

#wrapper fieldset, #wrapper form, #wrapper label, #wrapper legend,

#wrapper table, #wrapper caption, #wrapper tbody, #wrapper tfoot, #wrapper thead, #wrapper tr, #wrapper th, #wrapper td,

#wrapper article, #wrapper aside, #wrapper canvas, #wrapper details, #wrapper figcaption, #wrapper figure,

#wrapper footer, #wrapper header, #wrapper hgroup, #wrapper menu, #wrapper nav, #wrapper section, #wrapper summary,

#wrapper time, #wrapper mark, #wrapper audio, #wrapper video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

	font-weight: normal;

	list-style: none;

	line-height: 1;

}

#wrapper article, #wrapper aside, #wrapper details, #wrapper figcaption, #wrapper figure, #wrapper 

#wrapper footer, #wrapper header, #wrapper hgroup, #wrapper menu, #wrapper nav, #wrapper section {

	display:block;

}

#wrapper nav ul {

	list-style:none;

}

#wrapper blockquote, #wrapper q {

	quotes:none;

}

#wrapper blockquote:before, #wrapper blockquote:after,

#wrapper q:before, #wrapper q:after {

	content:'';

	content:none;

}

#wrapper a {

	margin:0;

	padding:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

	text-decoration:none;

	color:#333;

}



#wrapper ins {

	background-color:#ff9;

	color:#000;

	text-decoration:none;

}

#wrapper mark {

	background-color:#ff9;

	color:#000;

	font-style:italic;

	font-weight:bold;

}

#wrapper del {

	text-decoration: line-through;

}

#wrapper abbr[title], #wrapper dfn[title] {

	border-bottom:1px dotted;

	cursor:help;

}

#wrapper table {

	border-collapse:collapse;

	border-spacing:0;

}

#wrapper hr {

	display:block;

	height:1px;

	border:0;

	border:none;

	margin:0;

	padding:0;

}

#wrapper input, #wrapper select {

	vertical-align:middle;

}

#wrapper address {

	font-style: normal;

}

#wrapper textarea,

#wrapper input[type=email], 

#wrapper input[type=tel], 

#wrapper input[type=number], 

#wrapper input[type=text] {

	-webkit-appearance: none;

	box-shadow: none;

	border: none;

}

#wrapper input[type=number]::-webkit-outer-spin-button,

#wrapper input[type=number]::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}

#wrapper input[type="number"] {

	-moz-appearance:textfield;

}

#wrapper textarea {  

	resize: none;

} 



/* font */

#wrapper {

	font-family: -apple-system, 'Lucida Grande', 'Helvetica Neue', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, 'ＭＳ Ｐゴシック', sans-serif, monospace;

	-webkit-text-size-adjust: 100%;

	text-align: left;

}

#wrapper .fwb {

	font-weight:bold;

}



/* clearfix */

#wrapper .clearfix:after {

    content:"";

    display:block;

    clear:both;

}

/* clear */

#wrapper .clear {

    clear:both;

}



#header {

	width: auto;

	max-width: 960px;

}

#glovalNavigation {

	width: auto;

	max-width: 960px;

}

#header .w170 {

	width: 150px;

}





/* responsive */

#wrapper img {

	width: 100%;

	display: block;

}



#body {

	background-color: #FFF;

}



#wrapper .contents {

	max-width: 960px;

	margin: 0 auto;

}





#wrapper #headerImage {

	width: 100%;

	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/img_header_bg jpg");

	background-position: center top;

	background-repeat: no-repeat;

	z-index: 40; z-index: 10;

}

#wrapper #headerImage .contents {

	position: relative;

}

#wrapper #headerImage .contents .spView {

	display: none;

}

#wrapper #headerImage a.btnLab {

	display: block;

	position: absolute;

	width: 36.25%;

	top: 26%;

	left: 63%;

}

#wrapper #headerImage a.btnLab:hover {

	opacity: 0.6;

}







#wrapper #paging ul {

	display: table;

	table-layout: fixed;

	width: 100%;

	background-color: #f3f3f3;

	height: 130px;

	/*position: fixed;

	bottom: 0;*/

	margin-top: 120px;

}

#wrapper #paging ul li {

	display: table-cell;

	vertical-align: middle;

}

#wrapper #paging ul li.prev {

	text-align: right;

}

#wrapper #paging ul li.next {

	text-align: left;

}

#wrapper #paging ul li.backtop a {

	text-align: left;

	text-indent: -9999px;

	display: block;

	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/bg_btn_back png");

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain;

}

#wrapper #paging ul li img {

	width: auto;

	display: inline-block;

}

#wrapper #paging ul li a {

	/*display: inline-table;*/

	display: table;

	width: 100%;

	height: 100%;

}

#wrapper #paging ul li a span {

	display: table-cell;

	text-align: left;

	font-size: 13px;

	line-height: 1.46;

	white-space: normal;

	vertical-align: middle;

}

#wrapper #paging ul li.prev a:before, 

#wrapper #paging ul li.next a:after {

	display: table-cell;

	content: "";

	/*width: 128px;*/

	width: 168px;

	height: 52px;

	background-repeat: no-repeat;

	vertical-align: middle;

}

#wrapper #paging ul li.prev a:before {

	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/arrow_prev png");

	background-position: right center;

}

#wrapper #paging ul li.next a:after {

	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/arrow_next png");

	background-position: left center;

}



/**/

@media screen and (max-width:959px) { 



	#wrapper #headerImage {

		margin-top:0px;

	}



}





@media screen and (max-width:800px) { 

/*@media screen and (max-width:959px) { */

	#wrapper #headerImage {

		margin-top:0px;

	}

	

	#wrapper #headerImage .contents .pcView {

		display: none;

	}

	#wrapper #headerImage .contents .spView {

		display: block;

	}

	



	/*#wrapper #headerImage .contents .pcView {

		display: none;

	}

	#wrapper #headerImage .contents .spView {

		display: block;

	}*/

	#wrapper #headerImage a.btnLab {

		width: 32.65625%;

		left: auto;

		right: 0px;

		top: 17%;

	}







	#wrapper #paging ul {

		height: 65px;

	}

	#wrapper #paging ul li a span {

		display: none;

	}

	#wrapper #paging ul li.prev a:before, 

	#wrapper #paging ul li.next a:after {

		/*width: 128px;*/

		width: 100%;

	}

	#wrapper #paging ul li.prev a:before {

		background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/arrow_prev_sp png");

		background-size: contain;

		background-position: left 10% center;

	}

	#wrapper #paging ul li.next a:after {

		background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/arrow_next_sp png");

		background-size: contain;

		background-position: right 10% center;

	}



}





#footer_csr_b, 

#pageBottom ,

.hidden_pc, 

.hidden_sp, 

/*#topNavi*/ #g-lnav, 

#wrapper {

	opacity: 0;

}



